<mjml>
    <mj-head>
        <mj-title>{{title}}</mj-title>
        <mj-font name="Lato" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic" />
        <mj-attributes>
            <mj-all font-size="15px" color="#2D3E4F" font-family="Lato, Helvetica, Arial, sans-serif" />
            <mj-class name="h1" font-size="42px" line-height="68px" color="#b4bcc2" />
            <mj-class name="h3" font-size="24px" line-height="32px" />
            <mj-class name="p"  font-size="15px" line-height="24px" />
            <mj-class name="small"  font-size="12px" line-height="16px" color="#999999" />
            <mj-class name="hr" border-width="1px" border-style="solid" border-color="#e4e5e6" />
            <mj-class name="button" font-size="16px" background-color="#2D3E4F" color="white" align="left" inner-padding="16px 24px" border-radius="6px" />
            <mj-class name="footer-text" font-size="12px" line-height="18px" color="#999999" />
        </mj-attributes>
    </mj-head>
    <mj-body width="560px" background-color="#ffffff">
        <mj-raw>
            {{#if isWeb}}
                <style>
                    {{{formInputStyle}}}
                    .alert { max-width: 520px; font-family: Lato, Helvetica, Arial, sans-serif; }
                </style>
            {{/if}}
        </mj-raw>

        <mj-section padding-bottom="0">
            <mj-column>
                <mj-text mj-class="h1">
                    {{title}}
                </mj-text>
                <mj-divider mj-class="hr"/>
            </mj-column>
        </mj-section>

        <mj-raw>
            {{#if isWeb}}
                {{> subscription_flash_messages}}
            {{/if}}
        </mj-raw>

        {{{body}}}

        <mj-section padding-top="0">
            <mj-column>
                <mj-text mj-class="small" font-style="italic">
                    <!-- POST ADDRESS -->
                </mj-text>
            </mj-column>
        </mj-section>

        <mj-raw>
            {{#if isWeb}}
                <!-- fixes https://github.com/mjmlio/mjml/issues/359 -->
                {{> subscription_footer_scripts btnBgColor='#2D3E4F' btnBgColorHover='#1A242F'}}
            {{/if}}
        </mj-raw>

    </mj-body>
</mjml>
